<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/common.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@ include file="/WEB-INF/jsp/importHead.jsp"%>
<%@ include file="/WEB-INF/jsp/manage/importCommonCss.jsp"%>
</head>
<body>
	<!--[if lte IE 9]>
<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，Amaze UI 暂不支持。 请 <a href="http://browsehappy.com/" target="_blank">升级浏览器</a>
  以获得更好的体验！</p>
<![endif]-->

	<header class="am-topbar am-topbar-inverse admin-header">
	<div class="am-topbar-brand">
		<strong>${webSite.name }</strong> <small>管理后台</small>
	</div>

	<button
		class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only"
		data-am-collapse="{target: '#topbar-collapse'}">
		<span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span>
	</button>

	<div class="am-collapse am-topbar-collapse" id="topbar-collapse">

		<ul
			class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list">
			<li class="am-dropdown" data-am-dropdown=""><a
				class="am-dropdown-toggle" data-am-dropdown-toggle=""
				href="javascript:;"> <span class="am-icon-users"></span>
					${userinfo.userName } <span class="am-icon-caret-down"></span>
			</a>
				<ul class="am-dropdown-content">
					<li><a href="javascript:;"
						onclick="show('${basePath}/manage/user/detail/${userinfo.seqId }')"><span
							class="am-icon-user"></span> 资料</a></li>
					<li><a href="${basePath }/logout"><span
							class="am-icon-power-off"></span> 退出</a></li>
				</ul></li>
			<li class="am-hide-sm-only"><a href="javascript:;"
				id="admin-fullscreen"><span class="am-icon-arrows-alt"></span> <span
					class="admin-fullText">开启全屏</span></a></li>
		</ul>
	</div>
	</header>

	<div class="am-cf admin-main">
		<!-- sidebar start -->
		<div class="admin-sidebar am-offcanvas" id="admin-offcanvas">
			<div class="am-offcanvas-bar admin-offcanvas-bar">
				<ul class="am-list admin-sidebar-list">
					<li><a href="${basePath}/manage/index"><span
							class="am-icon-home"></span> 首页</a></li>
					<li class="admin-parent"><a class="am-cf"
						data-am-collapse="{target: '#collapse-nav'}"><span
							class="am-icon-file"></span> 页面模块 <span
							class="am-icon-angle-right am-fr am-margin-right"></span></a>
						<ul class="am-list am-collapse admin-sidebar-sub am-in"
							id="collapse-nav">
							<li><a href="javascript:;"
								onclick="show('${basePath}/manage/user/detail/${userinfo.seqId }')"
								class="am-cf"><span class="am-icon-check"></span> 用户信息<span
									class="am-icon-star am-fr am-margin-right admin-icon-yellow"></span></a></li>
							<li><a href="javascript:;"
								onclick="show('${basePath}/manage/systemParam/init')"><span
									class="am-icon-puzzle-piece"></span> 参数设置</a></li>
							<li><a href="javascript:;"
								onclick="fullshow('${basePath}/manage/userList')"><span
									class="am-icon-puzzle-piece"></span> 用户管理</a></li>
							<li><a href="javascript:;"
								onclick="fullshow('${basePath}/manage/contentList')"><span
									class="am-icon-puzzle-piece"></span> 资料审核</a></li>
							<li><a href="javascript:;"
								onclick="fullshow('${basePath}/manage/log/init')"><span
									class="am-icon-puzzle-piece"></span> 用户操作记录</a></li>
						</ul></li>
					<li class="admin-parent"><a class="am-cf"
						data-am-collapse="{target: '#publish-article'}"><span
							class="am-icon-th"></span> 文章发布 <span
							class="am-icon-angle-right am-fr am-margin-right"></span></a>
						<ul class="am-list am-collapse admin-sidebar-sub am-in"
							id="publish-article">
							<li><a href="javascript:;"
								onclick="fullshow('${basePath}/manage/article/init/index')"
								class="am-cf"><span class="am-icon-th"></span> 首页新闻</a></li>
							<li><a href="javascript:;"
								onclick="fullshow('${basePath}/manage/article/init/about')"
								class="am-cf"><span class="am-icon-th"></span> 平台介绍</a></li>
							<li><a href="javascript:;"
								onclick="fullshow('${basePath}/manage/article/init/platform')"
								class="am-cf"><span class="am-icon-th"></span> 平台动态</a></li>
							<li><a href="javascript:;"
								onclick="fullshow('${basePath}/manage/article/init/news')"
								class="am-cf"><span class="am-icon-th"></span> 信息发布</a></li>
							<li><a href="javascript:;"
								onclick="fullshow('${basePath}/manage/article/init/authority')"
								class="am-cf"><span class="am-icon-th"></span> 权威解读</a></li>
						</ul></li>
					<li><a href="${basePath }/logout"><span
							class="am-icon-sign-out"></span> 注销</a></li>
				</ul>
			</div>
		</div>
		<!-- sidebar end -->

		<!-- content start -->
		<div class="admin-content" id="admin-content">
			<div class="admin-content-body">
				<div class="am-cf am-padding">
					<div class="am-fl am-cf">
						<strong class="am-text-primary am-text-lg">首页</strong>
					</div>
				</div>

				<!-- <div class="am-g">
					<div class="am-u-sm-12">
						<table
							class="am-table am-table-bd am-table-striped admin-content-table">
							<thead>
								<tr>
									<th>文章标题</th>
									<th width="15%">文章发布人</th>
									<th width="10%">文章所属模块</th>
									<th width="10%">文章发布时间</th>
									<th width="10%">文章编辑时间</th>
									<th width="5%">管理</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>1</td>
									<td>John Clark</td>
									<td><a href="javascript:;">Business management</a></td>
									<td><span class="am-badge am-badge-success">+20</span></td>
									<td><span class="am-badge am-badge-success">+20</span></td>
									<td>
										<div class="am-dropdown" data-am-dropdown="">
											<button
												class="am-btn am-btn-default am-btn-xs am-dropdown-toggle"
												data-am-dropdown-toggle="">
												<span class="am-icon-cog"></span> <span
													class="am-icon-caret-down"></span>
											</button>
											<ul class="am-dropdown-content">
												<li><a href="javascript:;">1. 编辑</a></li>
												<li><a href="javascript:;">2. 下载</a></li>
												<li><a href="javascript:;">3. 删除</a></li>
											</ul>
										</div>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div> -->
			</div>

			<footer class="admin-content-footer">
			<hr>
			<p class="am-padding-left">${webSite.name }版权所有
				©${webSite.currentYear } ${webSite.ICP }</p>
			</footer>
		</div>
		<!-- content end -->

	</div>
	<a href="javascript:;"
		class="am-icon-btn am-icon-th-list am-show-sm-only admin-menu"
		data-am-offcanvas="{target: '#admin-offcanvas'}"></a>



	<div class="am-modal am-modal-loading am-modal-no-btn" tabindex="-1"
		id="modal-loading">
		<div class="am-modal-dialog">
			<div class="am-modal-hd">正在载入...</div>
			<div class="am-modal-bd">
				<span class="am-icon-spinner am-icon-spin"></span>
			</div>
		</div>
	</div>

	<!--[if lt IE 9]>
	<script src="${basePath}/js/manage/jquery-1.11.1.min"></script>
	<script src="${basePath}/js/manage/modernizr.js"></script>
	<script src="${basePath}/js/manage/amazeui.ie8polyfill.min.js"></script>
	<![endif]-->
	<%@ include file="/WEB-INF/jsp/manage/importCommonJS.jsp"%>

	<script>
	
		var fullshow = function(url) {
			var mainContent = $("#admin-content");
	
			var $modal = $('#modal-loading');
			$modal.modal();
	
			$.ajax({
				url : url,
				data : {},
				dataType : 'html',
				method : 'post',
				success : function(data) {
					$modal.modal("close");
					$(mainContent).html(data);
					mainContent.show();
	
					$(".admin-content").each(function() {
						if (this.id != "admin-content") {
							$(this).remove();
						}
					});
				},
				error : function() {
					layer.msg("服务器出错，初始化失败！", {
						icon : 2
					});
				}
			})
		}
	
		var show = function(url) {
			var mainContent = $("#admin-content");
	
			var $modal = $('#modal-loading');
			$modal.modal();
	
			var div = document.createElement("div");
			div.id = "newContent";
			div.className = "admin-content";
			div.style.display = "none";
			$("#newContent").remove();
			$(div).insertAfter(mainContent);
			$.ajax({
				url : url,
				data : {},
				dataType : 'html',
				method : 'post',
				success : function(data) {
					$modal.modal("close");
					mainContent.hide();
					$(div).html(data);
					$(div).show();
				},
				error : function() {
					layer.msg("服务器出错，初始化失败！", {
						icon : 2
					});
				}
			})
	
		}
	
		var exitShow = function() {
			$("#newContent").remove();
			$("#admin-content").show();
		}
	</script>
	<script>
		(function($) {
			'use strict';
	
			$(function() {
				var $fullText = $('.admin-fullText');
				$('#admin-fullscreen').on('click', function() {
					$.AMUI.fullscreen.toggle();
				});
	
				$(document)
					.on(
						$.AMUI.fullscreen.raw.fullscreenchange,
						function() {
							$fullText
								.text($.AMUI.fullscreen.isFullscreen ? '退出全屏'
									: '开启全屏');
						});
			});
		})(jQuery);
	</script>

</body>
</html>